﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EdadSexo.aspx.cs" Inherits="TestNutricionalWeb.EdadSexo" %>
<script>
    $(function () {
        $('select#ddlEdad').selectmenu({ style: 'dropdown', maxHeight: 150, width: 150 });
    });
    $(function () {
        $('select#ddlSexo').selectmenu({ style: 'dropdown', width: 150 });
    });
</script>
<table>
    <tr style="vertical-align:top">
        <td rowspan="2"><img src="Imagenes/borde_izq_inicio.jpg" alt="" title="" /></td>
        <td><img src="Imagenes/borde_top_inicio.jpg" alt="Test Nutricional" Title="Test Nutricional" width="716" /></td>
        <td rowspan="2"><img src="Imagenes/borde_der_inicio.jpg" alt="" title="" /></td>
    </tr>
    <tr style="vertical-align:top; height:488px;">
        <td>
            <table>
                <tr>
                    <td><img src="Imagenes/alimentando.jpg" alt="¿Cómo te estás alimentando?" title="¿Cómo te estás alimentando?" /></td>
                    <td style="background-image: url('Imagenes/back_inicio.jpg'); width:345px; height:284px; background-repeat: no-repeat;">
                        <div id="divTerminos">
                            <table style="width:100%;">
                                <tr style="height:80px;"><td></td></tr>
                                <tr>
                                    <td style="margin-left:20px;">
                                        <input style="margin-left:10px;" type="checkbox" value="1" id="chkTerminos" onclick="javascript:AceptarTerminos();" /><span style="font-family:Georgia; font-weight:bold;font-size:9pt;">Acepto <a href="#" onclick="javascript:DisplayTerminos();">pol&iacute;ticas de privacidad</a> del sitio /</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td><span style="font-family:Georgia; font-weight:bold;font-size:9pt;margin-left:28px;"><a href="#" onclick="javascript:DisplayTerminos();">T&eacute;rminos y condiciones</a> del test.</span></td>
                                </tr>
                                <tr style="height:80px;"><td></td></tr>
                                <tr>
                                    <td>
                                        <div id="divOff" style="width:345px; height:74px;">
                                            <img src="Imagenes/btn_comenzar_off.jpg" alt="Debe aceptar los Términos y Condiciones antes de continuar." title="Debe aceptar los Términos y Condiciones antes de continuar." />
                                        </div>
                                        <div id="divComenzar" style="width:345px; height:74px;display:none;">
                                            <asp:ImageMap ID="mapHeaderInicioTerminos" Width="345" Height="74" ImageUrl="Imagenes/btn_comenzar.jpg" runat="server" BorderStyle="None">
                                                <asp:RectangleHotSpot Left="62" Right="280" Top="6" Bottom="52" AlternateText="Comenzar" NavigateUrl="javascript:TerminosAceptados();" />
                                            </asp:ImageMap>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div id="edadSexo" style="display:none;">
                            <table style="width:100%;">                            
                                <tr>
                                    <td class="inicio">
                                        <div style="height:100px; width:284px; padding-left:61px; margin-top: 4px;">
                                            <form id="frmInicio" runat="server">
                                                <table style="width:100%">
                                                    <tr>
                                                        <td>Edad:</td>
                                                    </tr>
                                                    <tr>
                                                        <td><asp:DropDownList ID="ddlEdad" runat="server"></asp:DropDownList></td>
                                                    </tr>
                                                    <tr style="height:18px;"><td></td></tr>
                                                    <tr>
                                                        <td>Sexo:</td>
                                                    </tr>
                                                    <tr>
                                                        <td><asp:DropDownList ID="ddlSexo" runat="server"></asp:DropDownList></td>
                                                    </tr>
                                                </table>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                                <tr style="height:10px;"><td></td></tr>
                                <tr>
                                    <td class="subItemSmall">
                                        <div style="width: 235px; margin-left: 55px; margin-right: 30px;"><span style="font-style:normal; font-size: 11px; text-align: justify;">Cada persona tiene una necesidad nutricional diferente, para que este test se ajuste más adecuadamente a tu perfil necesitamos saber un poco más de vos.</span></div>
                                    </td>
                                </tr>
                                <tr style="height:22px;"><td></td></tr>
                                <tr>
                                    <td>
                                        <div style="width:345px; height:74px;">
                                            <asp:ImageMap ID="mapHeaderInicio" Width="345" Height="74" ImageUrl="Imagenes/btn_comenzar.jpg" runat="server" BorderStyle="None">
                                                <asp:RectangleHotSpot Left="62" Right="280" Top="6" Bottom="52" AlternateText="Comenzar" NavigateUrl="javascript:IniciarTestNutricional();IngresarGrupoAlimenticio('GruposNutricionales.aspx');" />
                                            </asp:ImageMap>
                                        </div>
                                    </td>
                                </tr>                            
                            </table>
                        </div>
                    </td>
                </tr>
            </table>
            <div style="width: 692px; margin-left: 12px; margin-right: 12px;">
                <p class="legalesSmall">Lea atentamente el prospecto y ante la menor duda consulte a su médico y/o farmacéutico.</p>
                <p class="legalesNorm">Este es un test simplificado creado para ser respondido ágilmente siendo meramente orientativo. Su resultado no debe ser tomado como consejo médico, diagnóstico o tratamiento. Si deseas un análisis más completo y por cualquier duda consulta con tu médico. Siempre debe buscar el consejo de un profesional de la salud cuando tenga cualquier consulta sobre alguna condición médica. No se debe desacreditar o dilatar el consejo médico por causa de cualquier información aquí contenida.</p>
                <p class="legalesNorm">La realización del Test demorará aproximadamente de 5 a 8 minutos.</p>
            </div>
        </td>
    </tr>
</table>